@import './_variables.less';
@import '~ant-design-vue/dist/antd.less';
@import "./_antd-theme.less";
span.BMap_Marker {
  img {
  }
}
.page-title{
  padding: 0 10px;
  font-size: 20px;
  font-weight: 700;
  font-family: "Arial Negreta","Arial Normal","Arial";
  color: #333333;
}
.page-title-logo{
  margin: 10px 20px;
  width: 36px;
  height: 40px;
}
body{
  background-color: @bg;
}

em, i{
  font-style: normal;
}

p{
  margin: 0;
}

h1{
  font-size: 20px;
  font-weight: normal;
}

h2{
  font-size: 18px;
  font-weight: normal;
}

h3{
  font-size: 16px;
  font-weight: normal;
}

.l{
  float: left;
}

.r{
  float: right;
}

.text-center{
  text-align: center;
}

.font-red {
  color: @red !important;
}

.font-gray {
  color: @light-gray;
}

.font-blue {
  color: @blue;
}
.font-green {
  color: @green;
}

.clearfix {
  *zoom: 1;
  &:after,
  &:before {
      content: "";
      display: table;
  }
  &:after {
      clear: both;
      overflow: hidden;
  }
}
.box .container{
  margin: 0 10px
}
.container{
  margin: 0 auto;
  // width: 1200px;
}

.list-box{
  margin-top: 24px;
  padding: 24px;
  background-color: #fff;
}

.ctr-box{
  .clearfix;
  margin-bottom: 24px;
  .gutter-row{
    margin-bottom: 16px;
  }
  .r {
    .ant-select,
    .ant-input-affix-wrapper {
      margin-left: 12px;
    }
  }
}

.custom-alert{
  padding: 8px 15px 8px !important;
}

.form-col{
  margin-bottom: 24px;
  .ant-form-item{
    display: flex;
    margin-bottom: 16px;
  }
  .ant-form-item-control-wrapper{
    flex: 1;
  }
}

.person-info {
  .title {
    padding-left: 40px;
    margin-bottom: 12px;
    .anticon {
      float: left;
      margin-left: -40px;
    }
    h1 {
      margin: 0 12px 0 0;
      display: inline-block;
    }
    .ant-tag {
      vertical-align: 3px;
    }
  }
  .bd {
    position: relative;
    padding-left: 40px;
    padding-right: 180px;
    .tip {
      position: absolute;
      top: -20px;
      right: 0;
      text-align: right;
      font-size: 18px;
      font-weight: 600;
      em {
        display: inline-block;
        margin-left: 12px;
        border: #e2e2e2 solid 1px;
        border-radius: 50%;
        width: 75px;
        height: 75px;
        line-height: 75px;
        vertical-align: middle;
        text-align: center;
        font-size: 34px;
        color: #fc4d42;
        background-color: #f0f2f5;
      }
      p{
        font-size: 34px;
        color: #fc4d42;
      }
      &.bg{
        top: -30px;
        width: 150px;
        height: 150px;
        text-align: center;
        background: url("../images/tip_bg.jpeg") no-repeat;
        background-size: 100%;
        span{
          display: inline-block;
          margin-top: 55px;
          color: #fff;
        }
      }
    }
    .status{
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
    }
  }
}

.row-txt{
  [class^="ant-col-"]{
    margin-bottom: 12px;
    line-height: 25px;
  }
  .multiple{
    margin-left: 70px;
    &.ml84 {
      margin-left: 84px;
      .l{
        margin-left: -84px;
      }
    }
    .l{
      margin-left: -70px;
    }
  }
}

.tab-floor{
  margin-top: -67px;
  .ant-tabs-bar{
    margin-bottom: 24px;
  }
}

.floor{
  margin-bottom: 24px;
  background-color: #fff;
  > .hd {
    border-bottom: @border-color solid 1px;
    padding: 12px 24px;
    h3{
      margin-bottom: 0;
    }
  }
  > .bd{
    padding: 24px 24px 12px;
  }
}

.empty-box{
  display: flex;
  justify-content: center;
  align-items: center;
  .text-center{
    margin: 24px 0;
  }
  p{
    margin-top: 12px;
  }
}

.ant-layout-header{
  z-index: 10 !important;
}

.ctr-row-table{
  .ant-table-tbody > tr {
    &.active{
      > td {
        background-color: rgba(0, 0, 0, 0.2);
      }
    }
    > td{
      padding: 0;
      .row {
        display: block;
        padding: 16px;
        cursor: pointer;
        &.no-pointer{
          cursor: auto;
        }
      }
    }
  }
}

.marker{
  position: absolute;
  height: 40px;
  transform: translate(-50%, -100%);
  &.active{
    z-index: 1000;
    .info {
      display: block;
    }
  }
  .tip{
    position: absolute;
    left: 50px;
    top: -30px;
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: #fff;
    &.red {
      color: #d91f1b;
    }
    &.blue {
      color: #009dd9;
    }
    &.green {
      color: #48bb00;
    }
    &.orange {
      color: orange;
    }
    &.violet {
      color: #762bd0;
    }
    &.deongaree {
      color: #1921b3;
    }
  }
  .info{
    display: none;
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translate(-50%, 0);
    border: #E5E5E5 solid 1px;
    padding: 3px 10px;
    white-space: nowrap;
    background-color: #fff;
    p{
      color: @light-gray;
    }
  }
}

.sign {
  display: block;
  width: 30px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  &.pointer_red {
    background-image: url("../images/pointer_red.png") !important;
  }
  &.red {
    background-image: url("../images/marker_red.png") !important;
  }
  &.blue {
    background-image: url("../images/marker_blue.png");
  }
  &.green {
    background-image: url("../images/marker_green.png");
  }
  &.black {
    background-image: url("../images/marder_black.png");
  }
  &.violet {
    background-image: url("../images/marker_violet.png");
  }
  &.deongaree {
    background-image: url("../images/marker_deongaree.png");
  }
  &.orange {
    background-image: url("../images/marker_orange.png");
  }
  &.mapyd {
    background-image: url("../images/mapyd.png");
  }
  &.maplt {
    background-image: url("../images/maplt.png");
  }
  &.mapdx {
    background-image: url("../images/mapdx.png");
  }
}

div:has(>span.yidong_black) {
  z-index: -1;
}
div:has(>span.liantong_black) {
  z-index: -1;
}
div:has(>span.dianxin_black) {
  z-index: -1;
}

.yidong_black {
  background-image: url("../images/yidong_black.png");
}
.liantong_black {
  background-image: url("../images/liantong_black.png");
}
.dianxin_black {
  background-image: url("../images/dianxin_black.png");
}

.yidong_red {
  background-image: url("../images/yidong_red.png");
}
.yidong_blue {
  background-image: url("../images/yidong_blue.png");
}
.yidong_green {
  background-image: url("../images/yidong_green.png");
}
.yidong_violet {
  background-image: url("../images/yidong_violet.png");
}
.yidong_deongaree {
  background-image: url("../images/yidong_deongaree.png");
}
.yidong_orange {
  background-image: url("../images/yidong_orange.png");
}
.yidong_yellow {
  background-image: url("../images/yidong_yellow.png");
}

.liantong_red {
  background-image: url("../images/liantong_red.png");
}
.liantong_blue {
  background-image: url("../images/liantong_blue.png");
}
.liantong_green {
  background-image: url("../images/liantong_green.png");
}
.liantong_violet {
  background-image: url("../images/liantong_violet.png");
}
.liantong_deongaree {
  background-image: url("../images/liantong_deongaree.png");
}
.liantong_orange {
  background-image: url("../images/liantong_orange.png");
}
.liantong_yellow {
  background-image: url("../images/liantong_yellow.png");
}

.dianxin_red {
  background-image: url("../images/dianxin_red.png");
}
.dianxin_blue {
  background-image: url("../images/dianxin_blue.png");
}
.dianxin_green {
  background-image: url("../images/dianxin_green.png");
}
.dianxin_violet {
  background-image: url("../images/dianxin_violet.png");
}
.dianxin_deongaree {
  background-image: url("../images/dianxin_deongaree.png");
}
.dianxin_orange {
  background-image: url("../images/dianxin_orange.png");
}
.dianxin_yellow {
  background-image: url("../images/dianxin_yellow.png");
}

.sign_text {
  width: 30px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -20px;
}
.saojiao {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  z-index: 2;
  background-image: url("../images/saojiao.png");
  background-size: 27px 24px;
  background-repeat: no-repeat;
  background-position-x: calc((30px - 27px) / 2);
}
.saojiao-label {
  position: absolute;
  cursor: inherit;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 0, 0);
  padding: 1px;
  white-space: nowrap;
  font: 12px arial, sans-serif;
  z-index: 80;
  user-select: none;
}
.saojiao-box {
  position: relative;
  border: none !important;
  z-index:99999;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 14px;
  padding: 10px;
  line-height: 25px
}
.red_color {
  color: #d91f1b,
}
.blue_color {
  color: #009dd9,
}
.green_color {
  color: #48bb00,
}
.violet_color {
  color: #762bd0,
}
.deongaree_color {
  color: #1921b3,
}
.orange_color {
  color: orange
}

.form-in-modal{
  margin:  24px auto 0;
  width: 600px;
}

.form-box{
  margin: 24px auto 0;
  width: 1080px;
}

.flex-box{
  display: flex;
  .left {
    flex: 1;
    margin-right: 24px;
    border-right: @border-color solid 1px;
    padding-right: 24px;
    .list{
      margin-right: -24px;
      .item {
        display: block;
        padding: 10px;
        color: @gray;
        &.active{
          border-right: @theme-color solid 2px;
          background-color: #e6f7ff;
        }
        &:hover{
          background-color: #e6f7ff;
        }
      }
    }
  }
  .right {
    flex: 3;
  }
}

.status-tag {
  position: relative;
  padding-left: 14px;
  &::before{
    left: 0;
    top: 6px;
    border-radius: 50%;
    position: absolute;
    width: 6px;
    height: 6px;
    content: '';
    background-color: #aaa;
  }
  &.blue {
    color: @blue;
    &::before {
      background-color: @blue;
    }
  }
  &.green {
    color: @green;
    &::before {
      background-color: @green;
    }
  }
  &.red {
    color: @red;
    &::before {
      background-color: @red;
    }
  }
}

.user-ctr{
  float: right;
  .cover{
    width: 32px;
    height: 32px;
  }
  .user{
    // display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .65);
  }
}

.anchorBL{
  display: none;
}

.big-box,.step-Box{
  margin: 24px;
  padding: 24px;
  background-color: #fff;
}

.table-small{
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
    padding: 12px 6px;
  }
}

.BMapLib_Drawing .BMapLib_box {
  background-image: url("../images/bg_drawing_tool.png") !important;
}
.rkdt-main-toLeft{
  position: absolute;
  left:0;
  top:50%;
  margin-top:-30px;
  width: 30px;
  height: 60px;
  background-image: url('./../images/left_to.png');
  background-size: contain;
  cursor: pointer;
}
.rkdt-main-toRight{
  position: absolute;
  right:0;
  top:50%;
  margin-top:-30px;
  width: 30px;
  height: 60px;
  background-image: url('./../images/right_to.png');
  background-size: contain;
  cursor: pointer;
}
.showHide {
  position: fixed;
  left:0;
  top: 64px;
  width: 20px;
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  cursor: pointer;
  img {
    transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 18px;
  }
}
.show-show {
  animation: show-show 0.43s cubic-bezier(0.7, 0.3, 0.1, 1);
  -webkit-animation: show-show 0.43s cubic-bezier(0.7, 0.3, 0.1, 1);
  animation-fill-mode: forwards;
}
.show-hide {
  animation: show-hide 0.43s cubic-bezier(0.7, 0.3, 0.1, 1);
  -webkit-animation: show-hide 0.43s cubic-bezier(0.7, 0.3, 0.1, 1);
  animation-fill-mode: forwards;
}

@keyframes show-show
{
  from {left: 0px;}
  to {left: 580px;}
}

@-webkit-keyframes show-hide
{
  from {left: 580px;}
  to {left: 0px;}
}
